.untree_co-hero {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	position: relative;
	&.overlay {
		position: relative;
		&:before {
			position: absolute;
			content: "";
			top: 0; left: 0; right: 0; bottom: 0;
			background: rgba($black, .4);
			z-index: 1;
		}
	}
	> .container {
		position: relative;
		z-index: 2;
	}
	&, & > .container > .row {
		height: 100vh;
		min-height: 650px;
	}
	.caption {
		text-transform: uppercase;
		color: $white;
		font-size: 12px;
		font-weight: 900;
		letter-spacing: .1rem;
	}
	.heading {
		font-size: 70px;
		font-weight: 700;
		@include media-breakpoint-down(md) {
			font-size: 50px;
		}		
	}
	.link-highlight {
		color: $white;
		position: relative;
		display: inline;
		box-shadow: 0 5px 0 0 rgba($primary, 1);		
	}
	.desc {
		font-size: 18px;
	}
}


.untree_co-section {
	padding: 100px 0;
	position: relative;
	@include media-breakpoint-down(md) {
		padding: 50px 0;
	}
	.heading {
		h3 {
			font-size: 35px;
			color: $black;
		}
		@include media-breakpoint-down(md) {
			font-size: 20px;
		}		
		strong {
			font-weight: 700;
		}
	}
}

.subtitle {
	text-transform: uppercase;
	color: rgba($black, .5);
	font-size: 12px;
	font-weight: 900;
	letter-spacing: .1rem;
}

.scroll-down-wrap {
	 position: relative; 
	 z-index: 9;
}
.scroll-down {
	position: absolute;
	left: 50%;
	transform:translateX(-50%);
	bottom: 30px;
	color: $white;
	text-align: center;
	display: block;
	z-index: 2;
	font-size: 12px;
	span {
		display: block;
	}
	.mouse {
		width: 20px;
		border-radius: 30px;
		height: 40px;
		border: 2px solid $white;
		display: inline-block;
	}
	&:hover {
		color: $white;
	}
}

.social-hero-section {
	position: absolute;
	right: 0;
	bottom: 30px;
	right: 30px;
	z-index: 2;
	li {
		display: inline-block;
		a {
			width: 40px;
			height: 40px;
			position: relative;
			display: inline-block;
			background: $white;
			border-radius: 50%;
			span {
				position: absolute;
				top: 50%;
				left: 50%;
				transform:translate(-50%, -50%);
			}
		}
	}
}

.untree_co-tab-nav {
	li {
		display: block;
		position: relative;
		z-index: 1;
		img {
			width: 25px;
			margin-right: 20px;
		}
		a {
			font-size: 20px;
			display: block;
			margin-bottom: 10px;
			padding: 15px 20px;
			text-align: center;
			border-radius: 30px;
			color: $black;
		}
		&.active {
			position: relative;
			z-index: 2;
			a {
				color: $primary;
				background: $white;
				box-shadow: 0 15px 30px 0 #ebca92;
			}
		}
	}
}

.bg-1 {
	background-color: #fee2b3;
}

.product {
	.thumbnail {
		position: relative;
		overflow: hidden;
		display: block;
		border-radius: 7px;
		margin-bottom: 20px;
		img {
			margin-bottom: 0;
			transition: .3s all ease;
			transform: scale(1.0);
		}
		&:hover {
			img {
				transform: scale(1.1);
			}
		}	
	}
	h3 {
		font-size: 18px;
		a {
			color: $black;
		}
	}
	.price {
		color: $primary;
	}
} 


.block-testimonial {
	// text-align: center;
	p {
		font-size: 18px;
		color: $black;
		line-height: 2;
		margin-bottom: 30px;
	}
	.author {
		display: block;
		margin-bottom: 40px;
		img {
			width: 80px;
			margin-bottom: 20px;
			border-radius: 50%;
		}
		h3 {
			font-size: 18px;
			color: $primary;
			margin-bottom: 0;
		}
		.position {
			font-size: 14px;
			// color: lighten($black, 70%);
		}
	}
}

.quote {
	font-size: 5em;
	line-height: 0;
}

.wide-slider-testimonial {
	.owl-dots {
		position: absolute;
		display: inline-block;
		width: auto;
		text-align: left!important;
	}
}

.bg-img {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center; 
	
	&.fixed {
		background-attachment: fixed;
	}

	&.overlay {
		position: relative;
		&:before {
			position: absolute;
			content: "";
			top: 0; left: 0; right: 0; bottom: 0;
			background: rgba(#f5c97e, .9);
			z-index: 1;
		}
	}

	> .container {
		position: relative;
		z-index: 1;
	}
}

.gal {
	display: block;
	border-radius: 7px;
	overflow: hidden;
	position: relative;
	img {
			transition: .3s all ease;
			transform: scale(1.0);
		}
		&:hover {
			img {
				transform: scale(1.1);
			}
		}	
}


.service {
	padding: 30px;
	border: 1px solid rgba($black, .1);
	position: relative;
	top: 0;
	transition: .3s all ease;
	*:last-child {
		margin-bottom: 0;
	}
	h3 {
		font-size: 18px;
	}
	.caption {
		text-transform: uppercase;
		color: $black;
		font-size: 14px;
		font-weight: 900;
		letter-spacing: .2rem;
		color: $primary;
	}
	&:hover, &:focus {
		border: 1px solid transparent;
		background: $primary;
		box-shadow: 0 15px 30px -5px rgba($black, .1);
		top: -10px;
		.caption {
			color: rgba($white, .7);
		}
		h3 {
			color: $white;
		}
		p {
			color: rgba($white, .7);
		}
	}
}

.team {
	position: relative;
	&:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1;
		background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	}
	
	.team-contents {
		text-align: center;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 2;

		
		h3 {
			font-size: 24px;
			color :$white;
			a {
				color: $white;
				&:hover {
					color: $primary;
				}
			}
		}
		.position {
			display: block;
			margin-bottom: 30px;
			color: rgba($white, .5);
		}
		.social {
			li {
				display: inline-block;
				a {
					display: inline-block;
					width: 30px;
					height: 30px;
					position: relative;
					background: $white;
					border-radius: 50%;
					top: 0;
					transition: .3s top ease;
					span {
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%);
					}
					&:hover {
						position: relative;
						top: -4px;
					}
				}
			}
		}
	}
}

.number {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .2rem;
	font-weight: 700;
}
.our-team {
	position: relative;
	&:before {
		content: "";
		height: 70%;
		width: 100%;
		top: 0;
		left: 0;
		position: absolute;;
		background: rgba(#f5c97e, .9);
	}
}

.contact-info {
 	i {
	 	font-size: 20px;
	  float: left;
	  width: 44px;
	  height: 44px;
	  background: $primary;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  border-radius: 50px;
	  transition: all 0.3s;
	  color: $white;
	}	
	h4 {
		font-size: 18px;
		padding: 0 0 0 60px;
	}
	p {
	  padding: 0 0 0 60px;
    margin-bottom: 0;
    font-size: 14px;
	}
}

.untree_co-half {
	// padding: 4rem 0;
	height: 500px;
	.bg-img, .contents {
		width: 50%;		
		@include media-breakpoint-down(md) {
			width: 100%;
		}
	}
	.contents {
		padding: 40px;
	}
}

.events-slider {
	.owl-dots {
		position: absolute!important;
		bottom: -70px;
	}
}

.event-price {
	font-size: 30px;
	font-family: $font-family;
	color: $primary;
}



.dess-item {
	padding: 20px;
	border-radius: 4px;
	border: 1px solid rgba($black, .1);
	figure {
		flex: 0 0 60px;
		img {
			max-width: 100%;
		}
	}
	> div {
		h3 {
			font-size: 20px;
			color: $black;
		}
		.price {
			font-size: 20px;
			color: $primary;
		}
	}	
	&:hover {
		background: $white;
		border: 1px solid transparent;
	}
}